<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>验证TOM是否合法</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script src="js/jquery-1.12.4.js"></script>
</head>
<body>
    <div id="showTestMsg">验证TOM是否合法</div>
    <input type="button" id="btn1" value="验证">
    <script>
    $(function(){
        $("#btn1").click(function(){
            $.ajax({
                url :'test.txt',                  //提交的URL路径
                type : "GET",                   	//发送请求的方式
                data : "name=TOM",                 //发送到服务器的数据
                dataType : "text",           		//指定传输的数据格式
                success : function(result) {	    //请求成功后要执行的代码
                    $("#showTestMsg").html(result); //将服务器返回的文本数据显示到页面
                },
                error : function() {             	 //请求失败后要执行的代码
                    alert("用户名验证时出现错误，请联系管理员！");
                }
            });

        });
    });


    
    
    </script>
</body>
</html>